<template>
  <div id="app">
    <!-- transition:是完成组件显示和隐藏时的过渡效果 -->
    <!-- <transition
      name="custom-classes-transition"
      enter-active-class="animated rotateOut"
      leave-active-class="animated bounceOutRight"
      mode="out-in"
    > -->
      <!-- 匹配到的组件显示在router-view -->
      <router-view></router-view>
    <!-- </transition> -->
    <van-loading 
      type="spinner"
      color="#1989fa"
      class="loading" 
      v-if="$store.state.isLoading" 
    />
  </div>
</template>

<script>

export default {
  name: 'App',
}
</script>

<style scoped>
@import url(./assets/animate.css);

#app {
  height: 100%;
}

.loading{
  position: fixed;
  left:50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
</style>
